<template>
    <div class="text-center mx-2">
        <ShowCover :boxsize="48" :iconsize="'3rem'" :data="showArray.cover" />
        <div class="w-48 leading-10">
            <p class="textoverflow text-center w-48" :title="showArray.title">{{ showArray.title }}</p>
        </div>
    </div>
</template>
<script setup lang="ts">
interface Prop {
    title: string,
    auther: {
        id: string;
        name: string
    }[],
    cover: string,
}
const showArray = defineProps<Prop>();
</script>
<style lang="less" scoped></style>
